<template>
  <div class="answersFirstTopicObject">
    <p>会议时间：{{ firstTopicContent.meetingDate | dateFormat }}</p>
    <p>公司名称：{{ firstTopicContent.companyName }}</p>
    <p>学习内容：{{ firstTopicContent.learningContent }}</p>
    <p>会议类别：{{ firstTopicContent.meetingType }}</p>
    <p>会议名称：{{ firstTopicContent.meetingName }}</p>
    <p>学习形式：{{ firstTopicContent.learningForm }}</p>
    <p>参与人员：{{ firstTopicContent.meetingParticipant | isNullVal}}</p>
    <p>请假：{{ firstTopicContent.meetingLeave }}</p>
    <p>列席人员：{{ firstTopicContent.meetingAttend }}</p>
    <p>部署：简报、信息：{{ firstTopicContent.meetingDeploy }}</p>
  </div>
</template>

<script>
import dayjs from "dayjs";

export default {
  name: "AnswersFirstTopicObject",
  data(){
    return{
      firstTopicContent: this.$store.state.firstTopicContent.data,
    }
  },
  filters: {
    dateFormat(timestamp) {
      return dayjs(timestamp).format('YYYY-MM-DD');
    },
    isNullVal(value) {
      return value ? value : '-';
    }
  }
}
</script>

<style type="text/css">
.answersFirstTopicObject{
  background-color: #fee5e5;
  padding: 15px 10px;
  border-radius: 10px;
}
</style>

